<div class='col-md-12' style='padding: 0px;'>
  <div crumbs config='crumbsConfig' ></div>
  <div class='page-toolbar'>
    <div class='portlet-body'>
      <div class='row' >
        <div class='col-md-12' style='min-height: 500px;' >
          <div class='portlet light'>

            <div class='portlet-title'>
                <div class='caption font-dark'>
                    <i class='htrd-l-icon icon-holiday-index'></i>
                    <span class='caption-subject bold uppercase' ng-bind="title" ></span>
                </div>
            </div>

            <div class='portlet-body htrd-l-holiday' style='margin-top: -10px;padding-top: 0px;' >
              <div class='row' >
                <div class='col-md-12 list'>
                  <div class="info" >
                    <div class="form" >
                      <div class="form-group" >
                        <div class="key" >
                          假日名称 :
                        </div>
                        <div class="value" >
                          <input type="text" ng-model="hilidayInfo.name" />
                        </div>
                      </div>

                      <div class="htrd-l-clear" ></div>

                      <div class="form-group" >
                        <div class="key" >
                          选择年份 :
                        </div>
                        <div class="value" >
                          <dropdownmenu default-text="dateCycleText" default-id="dateCycleId" list="dateCycleList" call-back="changeDateCycle" ></dropdownmenu>
                        </div>
                      </div>

                      <div class="htrd-l-clear" ></div>

                      <div class="form-group" >
                        <div class="key" >
                          设置 :
                        </div>
                        <div class="value" >
                          <div class="legend htrd-l-fl" >
                            <span class="icon work" ></span>
                            <span class="name" >工作日</span>
                          </div>

                          <div class="legend htrd-l-fl" >
                            <span class="icon holiday" ></span>
                            <span class="name" >节假日</span>
                          </div>

                          <div class="legend htrd-l-fl" >
                            <span class="icon work-to-holiday" ></span>
                            <span class="name" >节假日(从工作日改变)</span>
                          </div>

                          <div class="text htrd-l-fl" style="color:#e6e6e6">
                            点击鼠标左键可以切换下图中的工作日/节假日
                          </div>
                        </div>
                      </div>
                    </div>

                    <div>
                      <div class="htrd-c-calendar" >
                        <div class="xAxls-group" >
                          <div class="item" ng-repeat="item in table.xAxis" ng-bind="item.text" ></div>
                        </div>

                        <div class="yAxls-group" >
                          <div class="item" ng-repeat="item in table.yAxis" ng-bind="item" ></div>
                        </div>

                        <div class="series-group" >

                          <div class="line" ng-repeat="serie in series" >
                            <div class="box" ng-repeat="data in serie" >
                              <div class="item" ng-class="{'holiday': item.holiday, 'active': item.active}" ng-repeat="item in data" ng-bind="item.text" ng-click="toggleDay(item)" ></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                   <div type="button" class="htrd-save-btn" ng-click="addHoliday()" style="float:left;margin-left:28px">保存</div>

                  <!-- <div class="btn btn-default htrd-l-fr" style="margin-right: 50px;margin-top: 10px;" ng-click="addHoliday()">保存</div> -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
